<div class="blade-content __large-wide" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <div class="table-wrapper">
        <table class="table">
          <thead>
            <tr>
              <th class="table-col">
                <label class="form-control __checkbox">
                    <input (click)="onAllCheack($event.target)" #allCheckRef name="allCheck"  id="allCheck"  type="checkbox">
                    <span class="check"></span>
                </label>
              </th>
              <th class="table-col">序号</th>
              <th class="table-col">声音名称</th>
              <th class="table-col">试听</th>
              <th class="table-col">设置</th>
            </tr>
          </thead>
          <tbody>
            <tr class="table-item" [ngClass]="{'__selected': this.styleId == item.soundId}" *ngFor="let item of soundFileData let i=index">
              <td class="table-col">
                <label class="form-control __checkbox">
                    <input (click)="onItemCheack($event.target,item)" type="checkbox"  [checked]="allCheckRef.checked">
                    <span class="check"></span>
                </label>
              </td>
              <td class="table-col __product-name" (click)="onSeletedChange(item)">
                {{ i+1 }}
              </td>
              <td class="table-col __product-name" (click)="onSeletedChange(item)">
                {{ item.soundName }}
              </td>
              <td class="table-col __product-name" (click)="onSeletedChange(item)">
                <!-- <app-audio #audio 
                [src]="item.content"
                [playButton]="true"
                >
              </app-audio>  -->
                <!-- <button class="btn" [ngStyle]="{'background':isPlay ?'#fff url(assets/images/play.png' + ') no-repeat center' :'#fff url(assets/images/paused.png' + ') no-repeat center' }"
                  (click)="playMusic()"></button> -->
                <!-- <button  class="btn-paused" (click)="pausedMusic()"></button>                 -->
                <audio [src]="baseUrl + item.content" controls="controls" controlsList="nodownload">您的浏览器不支持标签</audio>
              </td>
              <td class="table-col __product-name" (click)="onSeletedChange(item)">
                <label>
                  <input (click)="onSoundCheack($event.target,item)" [checked]="item.soundId==currSoundEntity?.soundId" name="config" [value]="item.soundId" type="radio">
                </label>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>